﻿* {
    
    font-family: Tahoma;font-size: large;
}

body
{
}

.body
{
	
}

table {
    font-size: small !Important;
}

.button
{
    border: 1px solid #3399FF;
    background-image: url('../Images/Buttons/Button_Blue.jpg');
    font-weight: bold;
}
.buttonEdit
{
    border: 1px solid #3399FF;
    background-image: url('../Images/Buttons/Edit.gif');
    font-weight: bold;
}
.buttonDelete
{
    border: 1px solid #3399FF;
    background-image: url('../Images/Buttons/Edit.gif');
    font-weight: bold;
}
.command-item
{
    width: 100px;
}
.tapstrip
{
}

.selectedtap
{
	background-position: center;
	background-image: url('../Images/Buttons/SelectedTap.jpg');
	background-repeat: no-repeat;
	color: #FFFFFF;
}

.contentPaneDiv
{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.noMargin
{
	padding: 0px;
	margin: 0px;
}

.contentPanelPaddingTop5px
{
	padding-top: 5px;
}

.contentPanelPaddingLeft10px
{
	padding-left: 10px;
}
.modulePopup750
{
	width: 750px;
	background: url('../Images/PageViews/bg.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}
.moduleDiv
{
	width: 750px;
	height: 385px;
	background: url('../Images/PageViews/ModuleTop.jpg') no-repeat;
}

.moduleDiv850
{
	width: 850px;
	height: 385px;
	background: url('../Images/PageViews/ModuleTop850.jpg') no-repeat;
	padding-top: 5px;
}

.moduleContent400
{
	width: 400px;
	background: url('../Images/PageViews/ModuleContent400.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleContent780
{
	width: 780px;
	background: url('../Images/PageViews/ModuleContent780.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleDivBold850
{
	background: url('../Images/PageViews/bg850x450.gif') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}
.moduleDivBold850Left
{
	background: url('../Images/PageViews/bg850x450.gif') no-repeat;
	margin-bottom: 5px;
	padding-top: 5px;
}
.moduleDivSlim
{
	width: 692px;
	background: url('../Images/PageViews/ModuleTop.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}
.moduleDivSlim280
{
	width: 280px;
	background: url('../Images/PageViews/moduleTop280.gif') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}
.moduleDivSlim280x450
{
	width: 280px;
	background: url('../Images/PageViews/moduleTop280x450.gif') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}
.moduleDivSlim350
{
	width: 350px;
	background: url('../Images/PageViews/ModuleTop350.jpg') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}
.moduleDivSlim400
{
	width: 400px;
	background: url('../Images/PageViews/ModuleTop400.jpg') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}
.moduleDivSlim500
{
	width: 500px;
	background: url('../Images/PageViews/ModuleTop500.gif') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}
.moduleDivSlim650
{
	width: 650px;
	background: url('../Images/PageViews/moduleTop650.gif') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}
.moduleDivSlim700
{
	width: 700px;
	background: url('../Images/PageViews/ModuleTop700.jpg') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}
.moduleDivSlim700x450
{
	width: 700px;
	background: url('../Images/PageViews/ModuleTop700.gif') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}

.moduleDivSlim780
{
	width: 780px;
	background: url('../Images/PageViews/ModuleTop780.jpg') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
	margin-left: 4px;
}

.moduleDivSlim850
{
	width: 850px;
	background: url('../Images/PageViews/ModuleTop850.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}


.moduleDivSlim10001
{
	width: 1000px;
	background: url('../Images/PageViews/ModuleTop10001.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleDivBottom10001
{
	background: url('../Images/PageViews/ModuleBottom1000.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivSlim1000
{
	width: 1000px;
	background: url('../Images/PageViews/ModuleTop1000.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}
.moduleDivSlim1000x450
{
	width: 1000px;
	background: url('../Images/PageViews/moduleTop1000x450.gif') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}
.moduleDivSlim1200
{
	width: 1200px;
	background: url('../Images/PageViews/ModuleTop1200.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleDivBottom
{
	background: url('../Images/PageViews/ModuleBottom.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}
.moduleDivBottom280
{
	background: url('../Images/PageViews/ModuleBottom280.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}
.moduleDivBottom350
{
	background: url('../Images/PageViews/ModuleBottom350.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}
.moduleDivBottom400
{
	background: url('../Images/PageViews/ModuleBottom400.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}
.moduleDivBottom500
{
	background: url('../Images/PageViews/ModuleBottom500.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}
.moduleDivBottom650
{
	background: url('../Images/PageViews/ModuleBottom650.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom700
{
	background: url('../Images/PageViews/ModuleBottom700.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom780
{
	background: url('../Images/PageViews/ModuleBottom780.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom850
{
	background: url('../Images/PageViews/ModuleBottom850.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom1000
{
	background: url('../Images/PageViews/ModuleBottom1000.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom1200
{
	background: url('../Images/PageViews/ModuleBottom1200.gif') no-repeat 50% bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}
.formList890px
{
	list-style: none;
	padding: 0 0 0 0px;
	font-size: 12px;
	width: 765px;
}

.formList890px li
{
	border-bottom: 1px dotted #959485;
	padding: 5px 0px 0px 0px;	
	width: 890px;
	font-size: 12px;
	margin-left: 0px;
}

.modulePanel
{
	width: 730px;
	height: 365px;
}
.formList
{
	list-style: none;
	padding: 0 0 0 0px;
	font-size: 12px;
}

.formList li
{
	border-bottom: 1px dotted #959485;
	padding: 5px 0px 0px 0px;	
	font-size: 12px;
}
.formList765
{
	list-style: none;
	padding: 0 0 0 0px;
	font-size: 12px;
	width: 765px;
}

.formList387 li
{
	border-bottom: 1px dotted #959485;
	padding: 5px 0px 0px 0px;	
	width: 387px;
	font-size: 12px;
	margin-left: 0px;
}
.formList li.lastListItem
{
	border: none;
}
.formListRight
{
	font-size: 15px;                 
    font-family: System; 
    border-bottom : double; 
    border-color: #0099CC; 
    border-bottom-style: dashed; 
    border-bottom-width: thin; 
    color: #339933;	
}
.formHeader
{
	font-size: 18px;                 
    font-family: System; 
    border-bottom: double; 
    border-color: #0099CC; 
    border-bottom-style: dashed; 
    border-bottom-width: thin; 
    color: #339933;	
}
.tableHeader
{
	font-size: 22px;                 
    font-family: System; 
    color: #339933;	
    border-bottom-style: double; 
    height:auto;
    	border-left-color: #008080;
	border-right-color: #008080;
	border-top-color: #008080;
	border-bottom-color: #008080;
}
.tableLine
{               
    color: #252f34;
	font-size: 12px;	
    border-bottom: 1px dotted #959485;    
    height:20px;
}
.rcDayDate
{
	background: url('../Images/PageViews/bg.jpg') repeat-x 0 50%;
	font-size: 22px;                 
    font-family: System; 
}
/*  Test Zone */

a.moduleDivSlimCollapsible {
    display: block;
    font-size: 14px;
    font-weight: bold;
	line-height:25px;
    color: #63b3d5;
    width: 100%;
    padding-bottom:5px;
    padding-left: 10px;
    text-decoration:none;
}

a.moduleDivSlimCollapsible:hover {
    color: #68A8C3;
}
a.moduleDivSlimCollapsible .configTitle
{
	text-decoration: underline;
	/*position: absolute;*/
	background: url('../Images/PageViews/ModuleTop.jpg') no-repeat -17px -7px;
	padding-right: 10px;
	cursor: pointer;
}

a.moduleDivSlimCollapsible .configTitle,
a.moduleDivSlimCollapsible .configLine750,
a.moduleDivSlimCollapsible .configLine400,
a.moduleDivSlimCollapsible .configLine1000,
span.configButton
{
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:middle;
}

a.moduleDivSlimCollapsible .configLine1000
{
	background: url('../Images/PageViews/Pixel.gif') repeat-x 0 50%;
	margin-left: 10px;
	margin-right: 16px;
	width: 750px;
	height: 25px;
	cursor:pointer;
}

a.moduleDivSlimCollapsible .configLine750
{
	background: url('../Images/PageViews/Pixel.gif') repeat-x 0 50%;
	margin-left: 10px;
	margin-right: 16px;
	width: 530px;
	height: 25px;
	cursor:pointer;
}

a.moduleDivSlimCollapsible .configLine400
{
	background: url('../Images/PageViews/Pixel.gif') repeat-x 0 50%;
	margin-left: 10px;
	margin-right: 16px;
	width: 230px;
	height: 25px;
	cursor:pointer;
}

.moduleDivSlimContent:after
{
	clear:both;
	content: "";
	display:block;
	visibility:hidden;
	overflow:hidden;
	height:0;
}

span.configButton
{
	vertical-align:middle;
	width: 25px;
	height: 25px;
	cursor:pointer;
}

span.toggleUp
{
	background: url('../Images/PageViews/UpArrow.png') no-repeat 0 0;
}

* html span.toggleUp
{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../Common/Img/qsfConfigUpArrow.png');*/
	background-image:none;
}

span.toggleDown
{
	background: url('../Images/PageViews/DownArrow.png') no-repeat 0 0;
}

* html span.toggleDown
{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../Common/Img/qsfConfigDownArrow.png');*/
	background-image:none;
}

/*       smallModule         */
div.smallModule
{
	float: right;
	background-color: #e4f6ff;
}

div.smallModule *
{
	
}

.smallModule .rc3
{
	/*min-width: 200px;*/
	/*min-height: 210px;*/
	padding: 10px;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}

* html .smallModule .rc3
{
	width: 200px;
	height: 210px;
}

.smallModule,
.smallModule .rc1,
.smallModule .rc2,
.smallModule .rc3
{
	background: url('../Images/PageViews/SmallModule.gif') no-repeat left top;
}

.smallModule .rc1 { background-position: 100% 0; }
.smallModule .rc2 { background-position: 0 100%; }
.smallModule .rc3 { background-position: 100% 100%; }

.smallModule .title
{
	border-bottom: 1px solid #333;
	display: block;
	margin: 10px;
	text-indent: 3px;
}

.combo-item-template input,
.combo-item-template label
{
	vertical-align:middle;
}

.combo-item-template img
{
	vertical-align:top;
}


/*================================================ DatePicker ===================================================*/
.DateTextBox
{
border: 1px solid #C3D9F9;
width: 75px;
}
/* the div that holds the date picker calendar */
.dpDiv {
}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #505050;
background-color: #ece9d8;
border: 1px solid #AAAAAA;
}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
border: 1px solid #ece9d8;
width: 20px;
}

.dpTDweekend
{
border: 1px solid #ece9d8;
color: #FF0000;
width: 20px;
}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
background-color: #aca998;
border: 1px solid #888888;
cursor: pointer;
color: red;
}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: white;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
font-size: 12px;
color: gray;
font-weight: bold;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
color: #4060ff;
font-weight: bold;
}
/* the forward/backward buttons at the top */
.dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #d8e8ff;
font-weight: bold;
padding: 0px;
}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #3366FF;
background: #d8e8ff;
font-weight: bold;
width: 70px;
}

/*by mall */  
.bigModuleLeft
{
	width: 300px;
	background: url('../Images/PageViews/ModuleTop280.jpg') no-repeat;
	margin-bottom: 5px;
	margin-top: 5px;
}

.bigModuleBottomLeft
{
	background: url('../Images/PageViews/ModuleBottom280.gif') no-repeat 50% bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.command-list
{
    padding:0;
    margin:0;
}
    
.command-item
{
    padding-left:10px;
    padding-right:10px;
    border-left: solid 1px #b1d8eb;
    float:left;
}

.LinkButton
{
	font-size: small;
	color: #0000FF;
	text-decoration:none;
}

.LinkButton:hover
{
	font-size: small;
	color: orange;
	text-decoration:none;
}

.LinkButton:active
{
	font-size: small;
	color: black;
	text-decoration:none;
}

.LinkButton img
{
	border-style: none;
}

.LinkButtonBold
{
    font-weight:bold;
	font-size: small;
	color: #39a934;
	text-decoration: none;
}

.LinkButtonBold:hover
{
    font-weight:bold;
	font-size: small;
	color: #225c20;
	text-decoration:none;
}

.LinkButtonBold:active
{
    font-weight:bold;
	font-size: small;
	color: black;
	text-decoration:none;
}

.LinkButtonBold img
{
	border-style: none;
}

.NumericTextBox
{
	text-align: right;
}
.tableDetailHeader
{
	font-size: 20px;                 
    font-family: System; 
    color: Blue; 	
    height:auto;
}
.validate
{
    color: #FF0000;
}
